<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
		<title>1-商品介绍页_PxCook</title>
		<meta name="apple-mobile-web-app-capable" content="yes">
    	<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="dist/css/sm.css" />
		<link rel="stylesheet" href="dist/css/sm-extend.css" />
		<!--以上是引用SUI框架css文件代码-->
		<link rel="stylesheet" href="css/xh-lxx-header-bar2.css" />
		<link rel="stylesheet" href="css/xh-lxx-swiper-img1.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-content2.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-title2.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-title3.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-title4.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-title5.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-title6.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-title7.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-content3.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-title8.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-content4.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-items-icon1.css"/>
		<link rel="stylesheet" href="css/1-商品介绍页_PxCook.css" />
		
	</head>
	<body>
		<div class="page-group">
	        <div class="page page-current">
	        <!-- html代码 ---------Begin -->
	        	<header class="bar bar-nav">
				  <a class="icon pull-left icon-left"></a>
				  <a class="icon pull-right more">
				  	 <span></span>
				  	 <span></span>
				  	 <span></span>
				  </a>
				  <a class="icon pull-right">
				  	<img src="img/share.png" alt="" />
				  </a>
				  <h1 class='title buttons-tab'>
				    <a href="#tab1" class="tab-link active button">商品</a>
				    <a href="#tab2" class="tab-link button">详情</a>
				    <a href="#tab3" class="tab-link button">评价</a>
				  </h1>
				</header>
	        	<div class="content">
				    <div class="tabs">
				    	<!--标签栏tab1 Begin-->
				       <div id="tab1" class="tab active">
					        <!-- Swiper图片 -->
						    <div class="swiper-container1">
						        <div class="swiper-wrapper">
						            <div class="swiper-slide1">
						            	<img src="img/59530a31N1a765f92.jpg" alt="" />
						            </div>
						            <div class="swiper-slide1">
						            	<img src="img/5965df18Nee9fd7b6.jpg" alt="" />
						            </div>
						            <div class="swiper-slide1">
						            	<img src="img/59662e5bNa454c17d.jpg" alt="" />
						            </div>
						        </div>
						        <!-- Add Pagination -->
						        <div class="swiper-pagination"></div>
						    </div>
					    	<!--商品介绍-标题简介等信息-->
				        	<div class="xh-lxx-cart-content2">
				        		<h3>
				        			<span>精选</span>
				        			商品栏目文案内容简介内容可显示两行 可以显示两行的内容
				        		</h3>
				        		<p>商品栏目简介内容简介内容可显示两行 可以显示两行的内容 可以显示两行的内容</p>
				        		<div class="price-minus">
				        			<div class="left">
				        				<span class="yen">￥</span>
				        				99.00
				        			</div>
				        			<div class="right">降价通知</div>
				        		</div>
				        	</div>
					    	<!--商品介绍页--领券coupons-->
				        	<div class="xh-lxx-cart-title2">
			        			<div class="left">
			        				<span>领券</span>
			        				<span class="coupons">满200减20</span>
			        				<span class="coupons">满400减40</span>
			        			</div>
			        			<div class="more">
			        				<span></span>
			        				<span></span>
			        				<span></span>
			        			</div>
				        	</div>
					   		<!--商品介绍页--促销 优惠discount-->
				        	<div class="xh-lxx-cart-title3">
			        			<div class="left">
			        				<span>促销</span>
			        				<span class="discount">优惠</span>
			        				<span class="discount-msg">满2件,总价打8折;</span>
			        				<span class="discount-msg">满3件,总价打7折</span>
			        			</div>
			        			<div class="more">
			        				<span></span>
			        				<span></span>
			        				<span></span>
			        			</div>
				        	</div>
	        				<!--商品介绍页--选择商品属性attribute-->
				        	<div class="xh-lxx-cart-title4">
			        			<div class="left">
			        				<span>已选</span>
			        				<span class="attribute">黑色</span>
			        				<span class="attribute"> XXXL</span>
			        				<span class="attribute">1件</span>
			        			</div>
			        			<div class="more">
			        				<span></span>
			        				<span></span>
			        				<span></span>
			        			</div>
				        	</div>
				        	<!--商品介绍页--送货地址(不单独成组件)-->
				        	<div class="xh-lxx-cart-title4">
			        			<div class="left">
			        				<span>送至</span>
			        				<span class="attribute">广东省广州市天河区珠江新城</span>
			        			</div>
			        			<div class="more">
			        				<span></span>
			        				<span></span>
			        				<span></span>
			        			</div>
				        	</div>
				        	<!--商品介绍页--配送服务service-->
				        	<div class="xh-lxx-cart-title5">
			        			<div class="service">
			        				<a><span class="icon icon-check"></span></a>
			        				7天退换
			        			</div>
			        			<div class="service">
			        				<a><span class="icon icon-check"></span></a>
			        				快递包邮
			        			</div>
				        	</div>
				        	<!--商品介绍页--评论信息comment-->
				        	<div class="xh-lxx-cart-title6">
			        			<div class="pull-left">
			        				评价(88888)
			        			</div>
			        			<div class="pull-right">
			        				好评度
			        				<span class="count">98%</span>
			        				<span class="icon icon-right"></span>
			        			</div>
				        	</div>
				        	<!--第一条评论-->
				        	<div class="comment-content1">
				        		<!--商品介绍页--评论信息comment-->
					        	<div class="xh-lxx-cart-title7">
				        			<div class="pull-left">
				        				<span class="pic"><img src="img/logo.png" alt="" /></span>
				        				<span class="name">小H1号</span>
				        			</div>
				        			<div class="pull-right">
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span></span>
				        			</div>
					        	</div>
					       		<!--商品介绍-评论信息详情1comment-->
					        	<div class="xh-lxx-cart-content3">
					        		<p>第三次在这个平台上购买东西了,这个平台的东西,确实不错,是正品,售后还那么好,有保障,值得信赖,值得推荐.</p>
					        		<div class="comment-imgs">
					        			<img src="img/58105de0N88f8372b.jpg" alt="" />
					        			<img src="img/58105de0N88f8372b.jpg" alt="" />
					        			<img src="img/58105de0N88f8372b.jpg" alt="" />
					        			<img src="img/58105de0N88f8372b.jpg" alt="" />
					        		</div>
					        		<p class="attribute">商品型号类型</p>
					        	</div>
					        	
				        	</div>
				        	<!--第二条评论-->
				        	<div class="comment-content1">
				        		<!--商品介绍页--评论信息comment-->
					        	<div class="xh-lxx-cart-title7">
				        			<div class="pull-left">
				        				<span class="pic"><img src="img/logo.png" alt="" /></span>
				        				<span class="name">小H2号</span>
				        			</div>
				        			<div class="pull-right">
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span class="active"></span>
				        			</div>
					        	</div>
					      		 <!--商品介绍-评论信息详情2comment-->
					        	<div class="xh-lxx-cart-content3">
					        		<p>第三次在这个平台上购买东西了,这个平台的东西,确实不错,是正品,售后还那么好,有保障,值得信赖,值得推荐.</p>
					        		<p class="attribute">商品型号类型</p>
					        	</div>
					       
				        	</div>
				        	<!--第三条评论-->
				        	<div class="comment-content1">
				        		<!--商品介绍页--评论信息comment-->
					        	<div class="xh-lxx-cart-title7">
				        			<div class="pull-left">
				        				<span class="pic"><img src="img/logo.png" alt="" /></span>
				        				<span class="name">小H3号</span>
				        			</div>
				        			<div class="pull-right">
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span class="active"></span>
				        				<span class="active"></span>
				        			</div>
					        	</div>
					       		<!--商品介绍-评论信息详情1comment-->
					        	<div class="xh-lxx-cart-content3">
					        		<p>第三次在这个平台上购买东西了,这个平台的东西,确实不错,是正品,售后还那么好,有保障,值得信赖,值得推荐.</p>
					        		<div class="comment-imgs">
					        			<img src="img/58105de0N88f8372b.jpg" alt="" />
					        			<img src="img/58105de0N88f8372b.jpg" alt="" />
					        			<img src="img/58105de0N88f8372b.jpg" alt="" />
					        			<img src="img/58105de0N88f8372b.jpg" alt="" />
					        		</div>
					        		<p class="attribute">商品型号类型</p>
					        	</div>
				        	</div>
				        		
				        	<!--查看全部评论按钮-->
				        	<div class="xh-lxx-cart-title8">
			        			<a class="all">查看全部评论</a>
				        	</div>
				        	<!--商品介绍-店铺信息-->
				        	<div class="xh-lxx-cart-content4">
				        		<div class="shop-title">
			        				<div class="pic pull-left">
			        					<img src="img/logo.png" alt="" />
			        				</div>
			        				<div class="name-star pull-left">
			        					<h5>商品店铺名称</h5>
			        					<div class="stars">
			        						<span class="active"></span>
					        				<span class="active"></span>
					        				<span class="active"></span>
					        				<span class="active"></span>
					        				<span></span>
			        					</div>
			        				</div>
				        			<div class="pull-right">
				        				<span class="icon icon-right"></span>
				        			</div>
				        		</div>
				        		<div class="shop-msg">
				        			<div class="prods">
				        				<div class="count">22</div>
				        				<div class="msg">全部商品</div>
				        			</div>
				        			<div class="space"></div>
				        			<div class="attention">
				        				<div class="count">8.8万</div>
				        				<div class="msg">关注人数</div>
				        			</div>
				        			<div class="space"></div>
				        			<div class="grade">
				        				<div class="count main-col">4.9分</div>
				        				<div class="msg">综合评分</div>
				        			</div>
				        		</div>
				        	</div>
				    	  <!--标签栏tab1 End-->
					      </div>
				       <div id="tab2" class="tab">
				        <div class="content-block">
				          <p>This is tab 2 content</p>
				        </div>
				      </div>
				       <div id="tab3" class="tab">
				        <div class="content-block">
				          <p>This is tab 3 content</p>
				        </div>
				      </div>

					</div>
	        	</div>
	        	<!--底部工具栏 Begin-->
	      	    <nav class="bar bar-tab xh-lxx-tab-items-icon1">
				  <a class="tab-item external" href="#">
				    <span class="icon icon-message"></span>
				    <span class="tab-label">联系卖家</span>
				  </a>
				  <a class="tab-item external" href="#">
				    <span class="icon icon-app"></span>
				    <span class="tab-label">店铺</span>
				  </a>
				  <a class="tab-item external" href="#">
				    <span class="icon icon-star"></span>
				    <span class="tab-label">关注</span>
				  </a>
				  <a class="tab-item external" href="#">
				    <span class="icon icon-cart"></span>
				    <span class="tab-label">购物车</span>
				    <span class="badge">12</span>
				  </a>
				  <a class="tab-item external add-cart" href="#">
				    <span class="tab-label">加入购物车</span>
				  </a>
				</nav>
				<!--底部工具栏 End-->
	        <!-- html代码 End -->
	        </div>
		</div>
	
		<!--以下是引用SUI框架js文件代码-->
		<script src='dist/js/zepto.min.js'></script>
	    <script src="dist/js/sm.js"></script>
	    <script src="dist/js/sm-extend.min.js"></script>
	    <script src="js/swiper.js"></script>
		<script>
			$.init(); //初始化
	    </script>
	</body>
</html>

	        